<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
        html{
            background-color: blue;
            color:#999;
            font-weight: 300;
            font-size: 13px;
        }
        .div_activeImg
        {
            border:1 px soild blue;
            width:30%;
            float:left;
            margin-top: 4%;
            /* height: 200px; */
        }
        .div_active
        {
            width: 45%;
            min-height:170px;
            height:0;
            border: 1px solid red;  
        }
        .div_active:hover
        {
            cursor: pointer;
            background-color: white;
        }      
    </style>
</head>
<body>
    <div class="div_active">
        <div class="div_activeImg">
            <img style="width:100%;" src="img/active1.jpg">
        </div>
        <div style="border:1 px soild red;width:65%;float:right">
            <p>
            <h3 style="font-size:18px;color:black">女人眼部长脂肪粒怎么去掉</h3>
            <p>女人眼部很容易长一些白色的小颗粒，很多人都误以为是粉刺，其实那是脂肪粒。那脂肪粒是如何形成的呢？引起...
            </p>
            <p><span>2017-10-18</span>
            <span>admin</span>
            <span>7</span>
            </p>
        </p>
        </div>
    </div>
</body>
<script>
   
</script>
</html>